<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en"  xmlns:t>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <!-- Title and other stuffs -->
  <title>员工管理</title> 
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
  <meta name="author" content=""/>
  <!-- Stylesheets -->
  <link href="${res}/bootstrap/style/bootstrap.css" rel="stylesheet"/>
  
   <link href="${res}/bootstrap/style/bootstrap-theme.css" rel="stylesheet"/>
  <!-- Font awesome icon -->
  <link rel="stylesheet" href="${res}/bootstrap/style/font-awesome.css"/> 
  <!-- jQuery UI -->
  <link rel="stylesheet" href="${res}/bootstrap/style/jquery-ui.css"/> 
  <!-- Calendar -->
  <link rel="stylesheet" href="${res}/bootstrap/style/fullcalendar.css"/>
  <!-- prettyPhoto -->
  <link rel="stylesheet" href="${res}/bootstrap/style/prettyPhoto.css"/>  
  <!-- Star rating -->
  <link rel="stylesheet" href="${res}/bootstrap/style/rateit.css"/>
  <!-- Date picker -->
  <link rel="stylesheet" href="${res}/bootstrap/style/bootstrap-datetimepicker.min.css"/>
  <!-- CLEditor -->
  <link rel="stylesheet" href="${res}/bootstrap/style/jquery.cleditor.css"/> 
  <!-- Bootstrap toggle -->
  <link rel="stylesheet" href="${res}/bootstrap/style/bootstrap-switch.css"/>
  <!-- Main stylesheet -->
  <link rel="stylesheet" href="${res}/bootstrap/style/style.css" />
  <!-- Widgets stylesheet -->
  <link rel="stylesheet" href="${res}/bootstrap/style/widgets.css" />   
  
  <!-- HTML5 Support for IE -->
  <!--[if lt IE 9]>
  <script src="js/html5shim.js"></script>
  <![endif]-->

  <!-- Favicon -->
  <link rel="shortcut icon" href="${res}/bootstrap/img/favicon/favicon.png"/>
  
    <!-- Main stylesheet -->
  <link rel="stylesheet" href="${res}/jstag/css/default.css" />
  
  <script src="${res}/bootstrap/js/jquery.js"></script> <!-- jQuery -->
  <script>
	function editRow(){
		var w = _T.get("myGrid").getSelection();
		alert(w.userName);
	}
	
	function addRow(){
		
	}
 </script>
</head>

<body>
<!-- Header starts -->
	<#include "../header.html"/>
<!-- Header ends -->

<!-- Main content starts -->

<div class="content">

  	<!-- Sidebar -->
	<#include "../sidebar.html"/>
    <!-- Sidebar ends -->

  	<!-- Main bar -->
  	<div class="mainbar">

      <!-- Page heading -->
      <div class="page-head">
        <h2 class="pull-left"><i class="icon-table"></i> 员工管理</h2>

        <!-- Breadcrumb -->
        <div class="bread-crumb pull-right">
          <a href="index.html"><i class="icon-home" ></i> 首页</a> 
          <!-- Divider -->
          <span class="divider">/</span> 
          <a href="#" class="bread-current">员工列表</a>
        </div>

        <div class="clearfix"></div>

      </div>
      <!-- Page heading ends -->

	    <!-- Matter -->

	    <div class="matter">
	        <div class="container">
	
	          <!-- Table -->
	
	            <div class="row">
	              <div class="col-md-12">
	
	                <div class="widget">
			               <div class="widget-head">
			                  <div class="pull-left">
			                  	<button type="button" class="btn btn-info"  onclick="addRow()">增加</button>
			                  	<button type="button" class="btn btn-info" onclick="editRow()">修改</button>
			                  	<button type="button" class="btn btn-info">删除</button>
			                  </div>
			                  <div class="widget-icons pull-right">
			                  	<a><i class="icon-cog"></i></a>
			                  	<a><i class="icon-refresh"></i></a>
			                    <a href="#" class="wminimize"><i class="icon-chevron-up"></i></a> 
			                    <a href="#" class="wclose"><i class="icon-remove"></i></a>
			                  </div>  
			                  <div class="clearfix"></div>
			               </div>
	
		                  <div class="widget-content">
							    <t:grid tid="myGrid" title="客户角色列表" url="list.do" pageSize="10"  noTitle="false" noToolbar="false"  height="341">
									
									<column  value="$(id)"  type='checkbox'  align="center" ></column>
									
							        <column header="用户名"  value="$(userName)"  order="true"></column>
							
							        <column header="入职日期"  value="$(entryTime)" align="center" ></column>
							
							        <column header="用户姓名"  value="$(realName)" align="right"  order="true"></column>
							
							        <column header="身份证"  value="$(userIndenty)" ></column>
							        
							        <column header="电话号码"  value="$(phone)" align="right"  order="true"></column>
							
							        <column header="机构编号"  value="$(orgId)" ></column>
							        
							        <column header="状态"  value="$(status)" ></column>
							
							    </t:grid>
	                  	  </div> 
	                  	  
	                </div>
	                
	              </div>
	            </div>
	
	      </div>
	 </div>

		<!-- Matter ends -->

    </div>

   <!-- Mainbar ends -->	    	
   <div class="clearfix"></div>

</div>
<!-- Content ends -->

<!-- Footer starts -->
<#include "../footer.html"/>
<!-- Footer ends -->

<!-- Scroll to top -->
<span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span> 

<!-- JS -->
<script src="${res}/bootstrap/js/bootstrap.js"></script> <!-- Bootstrap -->
<script src="${res}/bootstrap/js/jquery-ui-1.9.2.custom.min.js"></script> <!-- jQuery UI -->
<script src="${res}/bootstrap/js/fullcalendar.min.js"></script> <!-- Full Google Calendar - Calendar -->
<script src="${res}/bootstrap/js/jquery.rateit.min.js"></script> <!-- RateIt - Star rating -->
<script src="${res}/bootstrap/js/jquery.prettyPhoto.js"></script> <!-- prettyPhoto -->

<!-- jQuery Flot -->
<script src="${res}/bootstrap/js/excanvas.min.js"></script>
<script src="${res}/bootstrap/js/jquery.flot.js"></script>
<script src="${res}/bootstrap/js/jquery.flot.resize.js"></script>
<script src="${res}/bootstrap/js/jquery.flot.pie.js"></script>
<script src="${res}/bootstrap/js/jquery.flot.stack.js"></script>

<!-- jQuery Notification - Noty -->
<script src="${res}/bootstrap/js/jquery.noty.js"></script> <!-- jQuery Notify -->
<script src="${res}/bootstrap/js/themes/default.js"></script> <!-- jQuery Notify -->
<script src="${res}/bootstrap/js/layouts/bottom.js"></script> <!-- jQuery Notify -->
<script src="${res}/bootstrap/js/layouts/topRight.js"></script> <!-- jQuery Notify -->
<script src="${res}/bootstrap/js/layouts/top.js"></script> <!-- jQuery Notify -->
<!-- jQuery Notification ends -->

<script src="${res}/bootstrap/js/sparklines.js"></script> <!-- Sparklines -->
<script src="${res}/bootstrap/js/jquery.cleditor.min.js"></script> <!-- CLEditor -->
<script src="${res}/bootstrap/js/bootstrap-datetimepicker.min.js"></script> <!-- Date picker -->
<script src="${res}/bootstrap/js/bootstrap-switch.min.js"></script> <!-- Bootstrap Toggle -->
<script src="${res}/bootstrap/js/filter.js"></script> <!-- Filter for support page -->
<script src="${res}/bootstrap/js/custom.js"></script> <!-- Custom codes -->
<script src="${res}/bootstrap/js/charts.js"></script> <!-- Charts & Graphs -->

<!-- jstag -->
<script type="text/javascript" src="${res}/jstag/js/tag/tag.js" charset="UTF-8"></script>
<script type="text/javascript" src="${res}/jstag/js/data/request.js" charset="UTF-8"></script>
<script type="text/javascript" src="${res}/jstag/js/ui/grid.js" charset="UTF-8"></script>
</body>
</html>